7 正则表达式

发表于 | 分类于

1.\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

字符 等价类 含义
\d [0-9] 数字字符
\w [a-zA-Z_0-9] 单词字符，字母、数字下划线
\s [\t\n\x0B\f\r] 空白符（空格或Tab）
[a-zA-Z0-9] – a-z，A-Z，0-9的字符
\b – 单词边界
. [^\r\n] 除了回车符和换行符之外的所有字符
* {0,} 出现零次或多次（任意次）
+ {1,} 出现一次或多次（至少出现一次）
? {0,1} 出现零次或一次（最多出现一次）
x{3} x出现3次，比如’xxx’
^ 在中括号内代表取反义符号/在整体正则中表示以xxx开头
$ 以xxx结尾

2. 写一个函数trim(str)，去除字符串两边的空白字符

1
2
3
4
function trim(str){
  return str.replace(/^\s+|\s+$/g,'')
}
console.log(trim(' he he  ')) // 输出he he

3. 写一个函数isEmail(str)，判断用户输入的是不是邮箱

1
2
3
4
5
6
function isEmail(str){
  var reg = /^\w+@\w+\.\w+$/
  return reg.test(str)
}
console.log(isEmail('haha@email.com'))    //true
console.log(isEmail('hah'))    //false

4. 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号

1
2
3
4
5
function isPhoneNumber(str){
  return /^1\d{10}$/.test(str)
}
console.log(isPhoneNumber('18012349856')) //true
console.log(isPhoneNumber('28012349632')) //false

5. 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）

1
2
3
4
5
6
function isValidUsername(str){
  var reg = /^\w{6,20}$/
  return reg.test(str)
}
console.log(isValidUsername('haha180'))    //true
console.log(isValidUsername('--haha180')) //false

6. 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）

1
2
3
4
5
6
7
8
9
function isValidPassword(str){
  if(!/^\w{6,20}$/.test(str)) return false
  if(/^[A-Z]{6,20}$/.test(str)) return false
  if(/^[a-z]{6,20}$/.test(str)) return false
  if(/^\d{6,20}$/.test(str)) return false
  return true
}
console.log(isValidUsername('haha'))   //false
console.log(isValidUsername('haha123'))  //true

7. 写一个正则表达式，得到如下字符串里所有的颜色

1
2
3
var re = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})(?=;)/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

8. 下面代码输出什么? 为什么? 改写代码，让其输出[“”hunger””, “”world””].

1
2
3
4
5
6
var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
//输出[""hunger" , hello "world""],因为默认贪婪模式下会尽可能多的匹配""中的内容，再量词后面加上?即可改为非贪婪模式
改写:
var pat =  /".*?"/g;  // [""hunger"", ""world""]